<template>
	<div class="planList_box">
		<SiderBav :nav="planNav"></SiderBav>
		<div class="planList_content">
				  <div class="btn_box">
					<div class="title">
						<span>计划名称:</span>{{  campaign_Name }}
					</div>
					<!-- <el-select v-model="planStatus" placeholder="请选择" style="height: 32px;">
							<el-option
								v-for="item in options"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</el-select> -->
						<!-- <div style="float:right;width:200px;height:32px;margin-right:32px;">
							<el-input v-model="searchPlanName" placeholder="计划名"></el-input>
						</div>	 -->
				</div>
				<!-- <div v-loading="loading" v-if="loading" style="margin-top:100px"></div> -->
				<div class="empty" v-show="dataList.length<=0 && !loading ">
					暂无数据
				</div>
				<table  class="list-table" v-show="dataList.length>0">
					<tr style="height: 60px; background: #fafafa;">
						<template >
							<th><input type="checkbox" v-model="checkListAll" style="margin-right:10px;" name="" id="">选择</th>
							<!-- <th>状态</th> -->
							<th>定向</th>
							<th>单元名</th>
							<th width="16%">出价</th>
						</template>
					</tr>
					<template v-for="(o) in dataList"  >
						<tr  :class="{'trbg':o.hover}" style="border-bottom: 1px solid #ebebeb;"><!--@mouseover="trhoverFn(o)"-->
							<template >
									<td>
										<input type="checkbox" v-model="checkList" style="margin-right:3em;" :value="o.id+'/'+o.adgroup_id"  name="" id="">
									</td>
									<!-- <td>
										{{ o.online_status | planStatus }}
									</td> -->
									<td>
										{{ o.crowd_name }}
									</td>
									<td>	
										{{ o.adgroup_name }}
									</td>
									<td>
										{{ o.price }}
									</td>
							</template>
						</tr>
						<!-- <tr :class="{'trBtnbg':o.hover}"     style="border-bottom: 1px solid #ebebeb">
							<td colspan="5" v-show="o.hover" style="text-align: left;height: 40px; padding-left: 50px;">
								<el-button @click="toCrowds(o)"  size="mini" plain>定向</el-button>
								<el-button @click="toDetail(o)"  size="mini" plain>单元</el-button>
							</td>
						</tr> -->
					</template>
				</table>
				<el-pagination  v-show="total_count>19"
					:page-size="20"
					:pager-count="11"
					layout="prev, pager, next"
					:total="total_count"
					@current-change="pagechange"
					:current-page="currentPage"
					>
				</el-pagination>
		</div>
	</div>
</template>
<style src="./style.css" scoped lang="less"></style>
<script src="./script.js"></script>



